وب چيست؟ مفهوم و تاريخچه وب

امروزه سه حرف انگليسي w در کنار هم شبکه جهاني اينترنت را در اذهان تداعي مي کند. اما بسياري هنور مفهوم و تاريخچه اين سه حرف را نمي دانند.

 

WWW مخفف عبارت World Wide Web مي باشد. که با عنوان W3 هم شناخته مي شود Web وب به معني تار و World Wide به معني گستره جهاني است. و در کل اين سه کلمه در کنار هم مفهوم تار جهاني يا تار گستر جهاني را مي دهند. اشاره دارد به تاري که کل جهان را احاطه کرده باشد.

 

واژه وب امروزه به صفحات اينترنتي گفته مي شود که با مرورگرهاي اينترنتي قابل مشاهده هستند.

 

پيشنهاد WWW و پروژه وب نخستين بار در سال 1990 در پروپزال تيم برنرز لي با همکاري رابرت کارلياو ارائه شد. وي طرح شبکه اي را مطرح کرد که صفحات متني بتوانند بصورت يک طرفه توسط بازديدکننده و يک نرم افزار مرورگر مشاهده شوند. وي پيشنهاد کرد که صفحات بتوانند به يکديگر مرتبط شوند و از طريق يک آدرس هر کس بتواند مقالاتي بنويسد که در نهايت از طريق لينک هاي ارتباطي شخصي از يک طرف جهان بتواند به منبعي در سوي ديگر دسترسي داشته باشد. در اين طرح از صفحات فقط قابل خواندني صحبت شد که خواننده بصورت يکطرفه آنهارا ببيند و در صورت تغييرات بصورت اتوماتيک به وي اطلاع داده شود. يعني چيزي که امروز به عنوان RSS همه گير شده است.  طراحی وب سایت 

 

بعد از مدلسازي پروژه ، برنرز لي کليه مقدمات لازم براي پياده سازي طرح وب را فراهم کرد. از جمله بکارگيري يک کامپيوتر به عنوان اولين وب سرور جهان با نام NeXT و همچنين اولين مرورگر جهان با همين نام . تصويري که مشاهده مي کنيد عکس کامپيوتر "نکست" اولين سرور وب است.

 

اولين کامپيوتر سرور هاست جهان بنام نکست

 

برنرز هر آنچه را که لازم ميديد اجرا کرد و همچنين اولين صفحات وب در جهان را در سال 1991 ساخت. او در مقاله اي توضيحاتي پيرامون شبکه جهاني اينترنت و وب داد.

 

از بسياري رسانه ها نقل شده است که اولين عکس وب در سال 1992 توسط خود برنرز آپلود شد عکس که تيم پايگاه CERN را نشان ميداد. جايي که پروژه وب در آن عملي شد.

 

پروژه برنرز لي اساس شبکه اينترنت امروزي شد و سه اساس مهم در وب که عبارتند از

 

1- آدرس اختصاصي شناسايي منبع صفحات يا URL

 

2- انشار متون بوسيله تگ ها يا HTML

 

3- پروتکل ارسال صفحات وب HTTP

 

اين اصول همچنان در تکنيک هاي طراحي سايت بکار مي رود.پايه اي که برنز لي بنا نهاد به سرعت گسترش يافت و خيلي زود پروژه جهاني اينترنت به تحقق پيوست. امروزه ميليون ها آدرس وب در هزاران سرور جهان ثبت شده اند. سايت هايي که طبق پايه نظريه برنز به يکديگر لينک هستند و همچنين از تکنولوژي وي يعني تگ گذاري متون يا HTML بهره مي برند. شبکه اي که به درستي مانند تار به يکديگر تنيده شده و سراسر گستره جهان را در بر گرفته است.

 

امروزه گرچه عبارت www به عنوان پيشوند آدرس سايت ها پذيرفته شده است اما ديگر از نظر تکنيکي الزامي نيست. اما عادت ديرينه شبکه وب استفاده از اين پسوند که به زير دامنه مبدل گشته است را مرسوم ساخته است.

 

وب امروزي برپايه نظريات بنز استوار شد اما روز به روز در حال توسعه و تحول است. يکي از تحولات مهم بعد از پيدايش وب بحث استفاده از برنامه نويسي پويا در وب يا به عبارت ساده تر بهره گيري از صفحات وب متغير است. پروژه اي که برنز آنرا نخستين بار پياده سازي کرد بر مبناي متون ثابت (استاتيک) بود اما هم اکنون صفحات متغير وب (دايناميک) وب سايت هايي با قابليت هاي حيرت انگيز و برنامه ريزي شده خلق کرده است. وب سايت هايي که گاه نقش خبرگزاري را دارند ، گاه پايگاه ويديويي مي شوند و گاه مانند ربات در شبکه مي خزند.

 

در تصوير مي بينيد از چپ به راست رابرت کارلياو ، جين فرانشيوز از شرکت IBM و تيم برنرز لي - اين عکس در دهمين سالگرد تار گستر جهاني گرفته شده است

 

 

 

 

اين قسمت از آموزش در کتاب نيست ولي با توجه به تجربه شخصي بنده در طراحي وب سايت هاي مختلف( چند نمونه کار هاي طراحي سايت يک طراح وب سايت را چک کنيد) ، ترجيح مي دهم اين تگ ها در اين قسمت بيان شود . اين قسمت نيز شامل تگ هايي است که کمتر استفاده مي شود ولي ميتوانند کاربردي باشند :

 

<abbr>

 

براي توصيف يک عبارت اختصار به کار مي رود

 

    <p>

    The<abbr titile="search engine optimization">seo</abbr> is good for your site 

    <p>  

 

 

<acronym>  

 

براي توصيف نامها ي محاوره اي اختصار

 

    <p>

        Can I get this <acronym title="as soon as possible">AsAp </acronym>

    <p>

 

 

<address>

 

 براي نوشتن اطلاعات تماس

 

    <address>

    Behzad alibeigi

    <br/>

    <a href =contact.. >email</a><br/>

    Phone :...

    </address>

 

 

<dfn>

 

براي معناي کلمات استفاده مي شود و يا توصيف يک کلمه و يا مثلا جايي که مي خواهيم اطلاعات بيشتري در اختيار کاربر قرار دهيم .

 

    <p>

    The <dfn title="microsaft web browser">Inteet explorer </dfn> is the most popular browser used undermater.

    <p>

 

 

همانطوري که از مثال هاي بالا مشخص است اين 4 تگ container  و  inline  هستند.

براي ديدن يک مثال ديگر بهتر است به وب سايت وبسکالا برويم و سورس آن را ببينيم :

 

design-web-50.jpg

 در اين مثال مي توانيد نحوه ي استفاده از اين تگ ها را در عمل ببينيد.

 

تگ هاي  ناشناخته تري هم وجود دارند مانند kdb , samp , var  که بهتراست در اينترنت کمي راجع به آنها تحقيق کنيد و اگر سوالي در اين مورد داشتيد با من مطرح کنيد .

 

فصل سوم

 

Adding some style

 

همان طوري که قبلا اشاره کرديم لايه دوم وب  ، لايه ظاهر آن است که با  CSS اعمال مي شود.

در گذشته  براي اضافه کردن ظاهر به سايت  از ترکيب دستورات CSS وHtml استفاده مي شد ولي امروزه براي اين کار مي بايست فقط از css استفاده کرد تا وب سايتي استاندارد داشته باشيم.

CSS يا همان (Cascading style sheets) زباني است که براي تغيير ظاهر عناصر صفحات استفاده مي شود.  که مي تواند شامل رنگ ، سايز ويا موقعيت عناصر باشد .

 

براي اعمال css 3 روش وجود دارد:

 

    •    Inline

    •    Embedded

    •    Exteal

 

 

: inline

 

در اين روش از خصوصيت  style  داخل  تگ هاي html  استفاده مي کنيم بدين صورت :

 

       <p style="color:Red;font-weight: bold;">

        this is a test

       </p>

 

خصوصيت  style  مي تواند شامل چندين اعلان باشد . اعلان ها با ; از اعلان کناري جدا مي شود. به مثال بالا دقت کنيد :  اعلان رنگ و نوع فونت با ; از هم جدا شده اند

هر اعلان شامل يک property و يک value است .

 

design-web-51.jpg 

عنصر span :

 

يک تگ inline است و تگ جادويي دوم بعد از div براي من به حساب مي آيد span موارد استفاده زيادي دارد که يک نمونه از آن  که مربوط به همين  بحث  inline style است  در مثال زير آورده شده است:

 

design-web-52.jpg

 

همان طوري که در مثال مشاهده مي نماييد براي استايل متفاوت يک و يا چند کلمه و پاراگراف از اين تگ استفاده مي کنيم.

مورد استفاده ديگر span مربوط به طراحي هاي پيچيده با تعداد تگ div  زياد است که در دوره هاي بعدي توضيح خواهيم داد.

روش هاي embedded , exteal  در جلسه بعدي تشريح مي شوند  و خواهيم گفت که کدام روش مناسب تر است .